<template>
    <div id="exhibition-center-recommended">
        <div class="info-right-title">推荐会展中心</div>
        <div class="info-right-con-list" v-for="(index) in 15" :key="'recommend'+index">
            <div>国家会展中心</div>
            <div>上海</div>
        </div>
    </div>
</template>

<script>
export default {
    name: "ExhibitionCenterRecommended",
    components: {}
};
</script>
<style lang="scss" scoped>
#exhibition-center-recommended {
    .info-right-title {
        height: 27px;
        line-height: 27px;
        padding-left: 6px;
        border-bottom: 1px solid #848484;
        border-left: 3px solid #c81622;
        text-align: left;
        color: #c81622;
        font-size: 15px;
    }
    .info-right-con-list {
        display: flex;
        justify-content: space-between;
        line-height: 36px;
        color: #848484;
        font-size: 12px;
    }
}
</style>
